<!DOCTYPE html>
<style>
    body {
        margin: 0;
        padding: 0;
    }
    #container {
        position: relative;
        background: #ccc;
        font: 20px Ahem;
    }
    #floater {
        float: none;
    }
</style>
<script src="../../resources/check-layout.js"></script>
<body>
    <p> When a block element becomes a float we should strip any anonymous blocks wrapping its inline siblings.</p>
    <div id="container">
        <span id="content">
            Some<br />
            content<br />
            here.
        </span>
        <div id="floater" data-offset-y=40>
            Should appear inside grey box.
        </div>
    </div>
    <script>
        document.body.offsetTop;
        document.getElementById('floater').style.float = 'right';
        onload = function() { checkLayout('#container'); }
    </script>
</body>


